﻿@model SmartParking.Web.Models.ParkingModel
@{
    ViewBag.Title = "Formulario de Parqueo";
}
@section HeaderScripts {
    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" />
    <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" />
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script>
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>
    <script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog2.min.js"></script>
}
@using (Html.BeginForm("SaveParking", "Manager"))
{
    <div data-role="header" data-theme="a" class="ui-corner-top">
        <h2>Nuevo Parqueo</h2>
    </div>
    <div data-role="fieldcontain">
        <div class="editor-label">
            @Html.Hidden("CustomerId", Model.CustomerID)
            @Html.DisplayNameFor(model => model.Name):
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name, String.Empty, new { @style = "font-size:10px; font-weight:bold; padding:2px; display:inline;color:red;" })
        </div>
    </div>
    <div data-role="fieldcontain">
        <div class="editor-label">
            @Html.DisplayNameFor(model => model.LegalId):
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.LegalId)
            @Html.ValidationMessageFor(model => model.LegalId, String.Empty, new { @style = "font-size:10px; font-weight:bold; padding:2px; display:inline;color:red;" })
        </div>
    </div>
    <div data-role="fieldcontain">
        <div class="editor-label">
            @Html.DisplayNameFor(model => model.LegalName):
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.LegalName)
            @Html.ValidationMessageFor(model => model.LegalName, String.Empty, new { @style = "font-size:10px; font-weight:bold; padding:2px; display:inline;color:red;" })
        </div>
    </div>
    <div data-role="fieldcontain">
        <div class="editor-label">
            @Html.DisplayNameFor(model => model.BankAccount):
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.BankAccount)
            @Html.ValidationMessageFor(model => model.BankAccount, String.Empty, new { @style = "font-size:10px; font-weight:bold; padding:2px; display:inline;color:red;" })
        </div>
    </div>
    <div data-role="fieldcontain">
        <div class="editor-label">
            @Html.DisplayNameFor(model => model.Address):
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Address)
            @Html.ValidationMessageFor(model => model.Address, String.Empty, new { @style = "font-size:10px; font-weight:bold; padding:2px; display:inline;color:red;" })
        </div>
    </div>
    <div data-role="fieldcontain">
        <div class="editor-label">
            @Html.DisplayNameFor(model => model.PhoneNumber):
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.PhoneNumber)
            @Html.ValidationMessageFor(model => model.PhoneNumber, String.Empty, new { @style = "font-size:10px; font-weight:bold; padding:2px; display:inline;color:red;" })
        </div>
    </div>
    <input type="submit" value="Guardar">
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
